<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>index</title>
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
	<script type="text/javascript" src="js/jQuery.js"></script>
	<script src="js/idangerous.swiper-2.1.min.js"></script>
	<script type="text/javascript" src="js/tween.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/myJs.js"></script>
</head>
<body>
	<div class="head_wrap">
		<div class="head">
			<img src="images/title2.png" alt="" class="logo"> 
			<div class="bar">
				<div class="nav">
					<a href="#0" class="active firstNav">HOME</a>
					<a href="#1">WORK</a>
					<a href="#2">CONTACT</a>
					<a href="join.html#3">JOIN US</a>
				</div>
			</div>
		</div>
		<img src="images/slider1.png" alt="" class="slider">
	</div>
	
	<div class="wrap">
		

		<div class="center">
			<div class="swiper">
				<div class="device">
				    <a class="arrow-left" href="#"></a> 
				    <a class="arrow-right" href="#"></a>
				    <div class="swiper-container">
				      <div class="swiper-wrapper">
				      
				        <div class="swiper-slide"><a href="work.html#1"><img src="images/slider1-1.png"></a></div>
				        <div class="swiper-slide"><a href="work.html#1"><img src="images/slider1-2.png"> </a> </div>
				        <div class="swiper-slide"> <a href="work.html#1"><img src="images/slider1-3.png"> </a></div>
					  </div>
					</div>
					<div class="pagination"></div>
					<div class="message">
						<p style="top:0;display:block">标题一</p>
						<p>标题二</p>
						<p>标题三</p>
					</div>
				</div>

				<p class="swiper_p">
					Infini Studio (映纷视觉)是一家创意视觉工作室，专注于动态影像的视觉设计与创作。我们擅长使用动画、特效、实拍结合以及其他创新形式，将信息与内容进行视觉化创作，并由多名动画导演、设计师、三维艺术家共同协作完成。服务的范围包括广告、影视、新媒体等。
				</p>
				<div class="parner">
					<div class="parner1">
						<a href=""><img src="images/1.jpg" alt=""></a>
						<a href=""><img src="images/2.jpg" alt=""></a>
						<a href=""><img src="images/3.jpg" alt=""></a>
						<a href=""><img src="images/4.jpg" alt=""></a>
						<a href=""><img src="images/5.jpg" alt=""></a>
						<a href=""><img src="images/6.jpg" alt=""></a>
					</div>
					<div class="parner2">
						<a href=""><img src="images/7.jpg" alt=""></a>
						<a href=""><img src="images/8.jpg" alt=""></a>
						<a href=""><img src="images/9.jpg" alt=""></a>
						<a href=""><img src="images/10.jpg" alt=""></a>
						<a href=""><img src="images/11.jpg" alt=""></a>
						
					</div>
				</div>
				<!-- <div style="clear:both"></div> -->
			</div>

			<div class="content">
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (1).jpg" alt="">
					<p>图1</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (2).jpg" alt="">
					<p>图2</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (3).jpg" alt="">
					<p>图3</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (4).jpg" alt="">
					<p>图4</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (5).jpg" alt="">
					<p>图5</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (6).jpg" alt="">
					<p>图6</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (1).jpg" alt="">
					<p>图7</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (2).jpg" alt="">
					<p>图8</p>
				</a>
				<a href="work.html#1" class="con">
					<div>
						<ul>
							<li>标题</li>
							<li>备注信息</li>
						</ul>
					</div>
					<img src="images/con_ (3).jpg" alt="">
					<p>图9</p>
				</a>
				
			
			</div>
		</div>

		<div class="footer">
			<div class="footer_left">
				<div class="link">
					<a href="" class="link1"><img src="images/contact1.jpg" alt=""></a>
					<a href="" class="link2"><img src="images/contact2.jpg" alt=""></a>
					<a href="" class="link3"><img src="images/contact3.jpg" alt=""></a>
				</div>
			</div>
			<div class="footer_right">
				<div class="contact">
					<div class="contact_logo"><img src="images/footer_logo.jpg" alt=""></div>
					<p>北京市朝阳北路36号亚宝时代大厦</p>
					<p>Email : infinistu@gmail.com</p>
					<p>QQ : 7585917</p>
					<p>Tel : (+86)18610994852</p>
					<p>weibo : @InfiniStudio</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>